@charset "utf-8";
@import "_reset.scss";
@function r($px){
	@return $px / 64px *1rem;
}
.wrap{
	width:r(640px);
	height:r(1050px);
	background-color:#f3f4f6;
	.header{
		position:fixed;
		top:0;
		width:100%;
		height:r(87px);
		background-color:#f7f7f7;
		font-size:r(28px);
		border-bottom:1px solid #e3e3e3;
		z-index:5;
		.header_left{
			width:r(22px);
			height:r(37px);
			float:left;
			margin-left:r(29px);
			margin-top:r(26px);
			img{
				height:100%;
			}
		}
		.header_title{
			display:inline-block;
			text-align:center;
			width:r(400px);
			height:r(60px);
			margin:{
				left:r(69px);
				top:r(14px);
			}
			color:#333333;
			border-radius:5px;
			font-size:r(35px);
			line-height:r(60px);
		}
	}
	.content{
		width:100%;
		font-size:0;
		margin-top:r(87px);
		.item{
			width:100%;
			height:r(89px);
			border-top:1px solid #e3e3e3;
			border-bottom:1px solid #e3e3e3;
			background:#fff;
			font-size:0;
			margin-top:r(29px);
			span{
				vertical-align:top;
				display:inline-block;
				line-height:r(89px);
			}
			.item_title{
				font-size:r(28px);
				color:#333333;
				margin-left:r(20px);
			}
			.item_right{
				float:right;
				font-size:r(24px);
				color:#cccccc;
			}
			i{
				float:right;
				color:#cccccc;
				font-size:r(50px);
				line-height:r(89px);
			}
			&::after{
				display:block;
				content:"";
				clear:both;
			}
		}
	}
	.mask{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index:9;
		display: none;
		.mask_content{
			position: absolute;
			bottom:0;
			left: 0;
			background:#e8e9eb;
			width:100%;
			height:r(447px);
			.ms_item{
				background-color: #f8f8f8;
				width:100%;
				height:r(105px);
				text-align:center;
				line-height:r(105px);
				font-size:r(26px);
				color:#666666;
				border-bottom:1px solid #e3e3e3;
				&:nth-of-type(2){
					color:#d62d31;
				}
			}
			.quxiao{
				border-top:1px solid #e3e3e3;
				margin-top:r(30px);
			}
		}
	}
	.mask_s{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0);
		display: none;
		.ms_content{
			position: absolute;
			top: 50%;
			left: 50%;
			background-color: rgba(40,40,40,0.7);
			transform: translate(-50%,-50%);
			width:r(250px);
			height:r(185px);
			border-radius:15px;
			i{
				font-size:r(100px);
				color:#fff;
				text-align:center;
				display:block;
				margin-top:r(10px);
			}
			p{
				font-size:14px;
				text-align:center;
				color:#fff;
				margin-top:r(10px);
			}
		}
	}
}